<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>MobiContact</title>
        <link rel="stylesheet" href="themes/jquery.mobile-1.1.1.min.css" />
        <!--        <link rel="stylesheet" href="themes/my.css" />-->
        <script type="text/javascript" charset="utf-8" src="js/prefixfree.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="js/jquery.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.1.1.min.js"></script>
        <link rel="stylesheet" href="themes/my.css"/>
 
        <script src="js/jsShare.js" type="text/javascript"></script>
     
        <link href="js/jsShare.css" rel="stylesheet" type="text/css" />

        <!--        <script src="js/my.js"></script>-->
        <!-- <script type="text/javascript">
           $(document).ready(function() {
               $('#buttons').jsShare({ maxwidth: 270 });
           });
           $(".li-menu.main").live("click", function() {
                $this = $(this)
                $this.addClass("active");
                setTimeout( function () {
                    $this.removeClass("active");
                }, 1000);
           });
               </script> -->
    <style type="text/css" media="screen">
            @font-face {
                font-family: 'MovistarHeadline-Bold';
                src: url('themes/fonts/MovistarHeadline-Bold.ttf') format("truetype");
            } 


            @font-face {
                font-family: 'moviRegularTitle';
                src: url('themes/fonts/MovistarHeadline-Regular.otf') format("opentype");
            } 
            
            @font-face {
                font-family: 'moviRegularText';
                src: url('themes/fonts/MovistarText-Regular.otf') format("opentype");
            } 

            .cab-right{
                font-family: MovistarHeadline-Bold;
            }
            p, span{
                font-family: moviRegularText;
            }
        </style>

        <script type="text/javascript" >
            
           
            
            /*function init() {
                //spin();
                document.addEventListener("deviceready", onDR, false);
            } 
            function onDR(){
                document.addEventListener("backbutton", backKeyDown, true);
                //boot your app...
            }
            function backKeyDown() { 
                // do something here if you wish
                // alert('go back!');
                if( $("#main").length > 0 )
                {
                    // Code to exit app
                    navigator.app.exitApp();
                }
                else
                {
                    // Code to navigate to the history action
                    navigator.app.backHistory();
                }
            }*/
    
            $(document).ready(function() {
                $('#buttons').jsShare({ maxwidth: 270 });
                $(".removeDivContainer").each( function () {
                    $(this).insertAfter($(this).parent());
                });
                // $("div.head").after("<div class='clear'/>");
            });
            
            $(".li-menu.main").live("click", function() {
                $this = $(this)
                $this.addClass("active");
                setTimeout( function () {
                    $this.removeClass("active");
                }, 1000);
            });
           
            function init() {
                console.log("-------------------I've been loaded-------------------------");
                document.addEventListener("deviceready", onDR, false);
            } 
            function onDR(){
                document.addEventListener("backbutton", backKeyDown, true);
                //boot your app...
            }
            function backKeyDown() { 
                // do something here if you wish
                if($.mobile.activePage.attr('id')=="main"){
                    navigator.app.exitApp();
                }else{
                    navigator.app.backHistory();
                }
                
                console.log("-------------------back button------------------");
            }
            
            var aceptarTerminos = false;
            function aceptaCondiciones(){
                if(!aceptarTerminos){
                    // document.getElementById('botonera').style.display = 'inline'; 
                    $("#botonera").slideDown("fast");
                    $("#firstScreen").animate({
                        marginTop: 0
                    });
                    // css("margin-top","0");
                    aceptarTerminos = true;
                }else{
                    // document.getElementById('botonera').style.display = 'none';
                    $("#botonera").slideUp("fast");
                    $("#firstScreen").delay(300).css("margin","10% auto");
                    aceptarTerminos = false;
                }
            }
            
        </script>
    </head>

    <body onload="init()">
        <!-- PAGINA INICIAL -->
        <div data-role="page" id="main" data-theme="a">
            <div class="head">
                <div id="cab-cont">
                    <div class="cab-right">MAS 9</div>
                    <img id="img-head" src="themes/images/img-heder.png" alt="">
                </div>
            </div><!-- /header -->

            <div id="botonera" style="display: none">
                <ul class="ul-menu">
                    <a href="#contactos" ><li class="li-menu main"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
                    <a href="#mainPage"><li class="li-menu main"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
                    <a href="#ayuda" ><li class="li-menu main"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
                </ul>
            </div>

            <div data-role="content" id="firstScreen" style="margin: 10% auto">
                <!--<div style=" text-align:center">
                </div>-->
                <!--<a href="#contactos" data-role="button" data-theme="a">Contactos</a>
                <a href="#mainPage" data-role="button" data-theme="a">Blog</a>
                <a href="#centros" data-role="button" data-theme="a">Centros</a>-->
                <section id="content">
                    <article>
                        <h1 class="title" style="text-transform: uppercase;">Un nuevo dígito se incluye a tus contactos</h1>
                        <p>Incluye el dígito 9 a los contactos de tu directorio telefónico a partir del 30 de septiembre de manera fácil y segura con esta aplicación exclusiva de Movistar.</p>
                    </article>
                </section>
                <div id="tos">
                    <input type="checkbox" onclick="aceptaCondiciones()" class="tos_checkbox removeDivContainer">ACEPTO los <a href="#termCondiciones" data-rel="termCondiciones" data-transition="pop" class="tos_words">términos y condiciones</a> 
                </div>

                <!-- <div id="buttons"></div> -->
                
            </div><!-- /content -->
        </div><!-- /page -->


        <div data-role="page" data-theme="a" id="termCondiciones">
            <div class="head">
                <div id="cab-cont">
                    <div class="cab-right">MAS 9</div>
                    <img id="img-head" src="themes/images/img-heder.png" alt="">
                </div>
            </div>

                <ul class="ul-menu">
                    <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
                    <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
                    <a href="#ayuda" ><li class="li-menu"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
                </ul>

            <div data-role="content">

                <section id="sec_ayuda">
                    <article>
                        <h1 class="title">Terminos y Condiciones</h1>
                        <img src="themes/images/contactos-blue.png" class="img_content" alt="">
                        <p>Los siguientes Términos y Condiciones regirán el uso de la aplicación
                            ”MAS 9” ofrecido por OTECEL S.A. (en adelante “Movistar”) a los usuarios del
                            Servicio Móvil Avanzado en general que antes de utilizar este servicio debe
                            leer y aceptar los presentes Términos y Condiciones de uso. Su aprobación
                            implicará la comprensión y la aceptación total de las condiciones,
                            restricciones,  reglas y estándares descritos en este documento.</p>

                            <p><b>1.- OBJETO:</b></p>

                            <p>El presente documento tiene como objeto poner en conocimiento de los
                            Términos y Condiciones de la aplicación ”MAS 9”</p>

                            <p><b>2.-DEFINICIONES:</b></p>

                            <p>2,1. Dispositivos: teléfonos celulares, teléfonos inteligentes que
                            sean compatibles con la aplicación.</p>

                            <p>2,2. Usuario: usuario del servicio móvil avanzado habilitado en un
                            pospago o prepago de cualquier operador de telefonía móvil en Ecuador.</p>

                            <p>2,3. Internet: World Wide Web que se comunica principalmente a
                            través del Protocolo de Internet (IP).</p>

                            <p>2,4. Aplicación: herramienta, funciones y características disponibles
                            en ”MAS 9”</p>

                            <p>2,5. Agenda de Contactos: registro y/o lista de contactos personales
                            creados por el usuario y almacenado en el dispositivo.</p>

                            <p>2,6. Noveno dígito: Mediante resolución 349-17-CONATEL-2007 se
                            aprobó el Plan Técnico Fundamental de Numeración  el cual dispone entre otras
                            cosas aumentar la disponibilidad de números de teléfono móvil y satisfacer la
                            demanda creciente de nuevos usuarios, para lo que se llevará a cabo la
                            inclusión del dígito 9 en todos los números móviles en la novena ubicación
                            contando desde la derecha.</p>

                            <p>2,7.- Dispositivos compatibles: Está versión de la aplicación es
                            compatible con el sistema operativo IOS<span style='color:red'>  </span>para la
                            versión 4.0 en adelante. Los dispositivos que utilizan esté sistema operativo
                            son Marca: Apple Modelo: Iphone.</p>

                            <p><b>3.- DESCRIPCIÓN Y CONDICIONES DE SERVICIO:</b></p>

                            <p>3,1.- ”MAS 9” está disponible para los usuarios del servicio móvil
                            avanzado de cualquier operadora móvil en Ecuador qué tengan un terminal con
                            sistema operativo para la versión 4.0 en adelante.</p>

                            <p>3,2.-No hay necesidad de identificarse o registrarse para utilizar
                            la aplicación. Cualquier usuario puede actualizar su agenda y/o lista de
                            contactos del Dispositivoa través de la aplicación ”MAS 9”  siempre que el Dispositivo
                            sea soportado por la aplicación.</p>

                            <p>3,3.- Para utilizar ”MAS 9”, se debe descargar la aplicación de las
                            tiendas o repositorios de aplicaciones indicados en la página <a
                            href="http://www.movistar.com.ec">www.movistar.com.ec</a>, se deberá revisar si
                            el modelo del Dispositivo del usuario soporta la aplicación para realizar la
                            descarga. Previa el uso de la aplicación debe aceptar las condiciones de uso  descritas
                            en este documento, el aceptar los términos de uso de la aplicación implica la
                            aceptación y conocimiento de estos Términos y Condiciones</p>

                            <p>3,4.- ”MAS 9”  tiene como objetivo ayudar a los clientes a actualizar
                            su agenda de contactos automáticamente con la inclusión del dígito 9.</p>

                            <p>3,5.- Para que la Aplicación pueda comenzar el proceso de
                            actualización de la agenda de contactos del dispositivo del Usuario, es
                            necesario disponer de por lo menos 10mb de memoria disponible en el teléfono.</p>

                            <p>3.6.- ”MAS 9” está diseñada para funcionar en determinados modelos
                            de dispositivos indicados en la página <a href="http://www.movistar.com.ec">www.movistar.com.ec</a>.</p>

                            <p>3.7.-La aplicación ”MAS 9” es gratis y no hay ningún costo para su
                            uso. La misma no podrá ser vendida por un tercero sin la autorización escrita
                            de Movistar.</p>

                            <p>3.8.- La descarga de la aplicación genera consumo de datos que será descontado
                            del paquete de datos disponible por el usuario.</p>

                            <p><b>4.- REFLEXIONES FINALES:</b></p>

                            <p>4,1.- ”MAS 9”  funcionará solamente en el sistema operativo indicado
                            en este documento.</p>

                            <p >4,2.- ”MAS 9”  no se hace responsable de los daños causados por el mal uso de la aplicación "MAS 9" </span></p>

                            <p>4,3.- En la aplicación ”MAS 9” al hacer clic en “Actualizar” y
                            posteriormente en “Aceptar”  el cliente autoriza a la aplicación ”MAS 9”  ingresar
                            en los datos de la agenda de contactos y actualizarla con el 9 dígito Los datos
                            actualizados no serán usados o copiados por OTECEL.</p>

                            <p>4,4.- En la aplicación ”MAS 9” al hacer clic en “Restaurar” y
                            posteriormente en “Aceptar”  el cliente autoriza a la aplicación ”MAS 9”  ingresar
                            en los datos de la agenda de contactos y restaurar los números de teléfono como
                            estaban antes de la inclusión del 9 dígito.</p>

                            <p>4,5.- Movistar no se responsabiliza por daños parciales o totales en
                            los dispositivos luego del uso de la aplicación Movistar noveno digito.</p>

                            <p>4,6.-Movistar recomienda a los Usuarios de ”MAS 9”  que realicen un
                            respaldo de sus contactos previo a la actualización de la agenda de contactos.</p>

                            <p>4,7.-Movistar podrá en cualquier momento modificar o retirar la
                            aplicación de las tiendas de aplicaciones o de los sitios de descarga
                            autorizados.</p>

                            <p>4,8.- Movistar deja expresamente indicado que el uso de la aplicación
                            ”MAS 9” es de total responsabilidad del usuario.</p>

                            <p>4,9.-Los presentes Terminos y Condiciones de Uso de ”MAS 9” también
                            podrán en cualquier momento ser modificadas, previa notificación al usuario y
                            comunicación en la página web.</p>
                        </article>
                        <a href="#main" data-role="button" data-rel="back" data-theme="a">Volver</a>       
                    </div>
                </div>

            </div>
        </div>

                            
    
        <div data-role="page" data-theme="a" id="mainPage">
            <div class="head">
                <div id="cab-cont">
                    <div class="cab-right">MAS 9</div>
                    <img id="img-head" src="themes/images/img-heder.png" alt="">
                </div>
            </div>

                <ul class="ul-menu">
                    <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
                    <a href="#mainPage"><li class="li-menu active"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
                    <a href="#ayuda" ><li class="li-menu"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
                </ul>

            <div data-role="content" style="overflow: visible;">

                <section id="content">
                    <article>
                        <h1 class="title">COMPARTIR</h1>
                        <p>Compartida, la vida es más.</p>
                        <p>Cuenta a tus amigos y familiares que acabas de agregar el nuevo dígito a tus contactos.</p>
                    </article>
                </section>
                <div id="buttons"></div>
            </div>
        </div>
        </div>

        <!-- PAGINA DE CONTACTOS -->
        <div data-role="page" data-theme="a" id="contactos">
            <div class="head">
                <div id="cab-cont">
                    <div class="cab-right">MAS 9</div>
                    <img id="img-head" src="themes/images/img-heder.png" alt="">
                </div>
            </div> <!--header -->

                <ul class="ul-menu">
                    <a href="#contactos" ><li class="li-menu active"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
                    <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
                    <a href="#ayuda" ><li class="li-menu"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
                </ul>

            <div data-role="content" style="text-align: center">

                <div id="botones">
                    <div id="panelActualizar">
                        <a id="actualizar" data-role="button" href=#>Actualizar contactos</a>

                        <section id="content">

                        <article>
                            <p>Incluye el dígito 9 en los contactos de tu agenda telefónica. Este proceso puede tardar varios minutos. Recuerda previamente realizar un respaldo de tus contactos.</p>
                        </article>
                    </section>
                    </div>

                    <div id="panelRestaurar">
                        <a id="restaurar" data-role="button" href=#>Restaurar contactos</a>

                        <section id="content">
                            <article>
                                <p>Elimina el dígito 9 de los contactos que hayan sido actualizados previamente.</p>
                            </article>
                        </section>

                        <div id="status_div" style="display: none"> 
                            <div id="progressbar" style="text-align:center;margin:0 auto;overflow: hidden;">
                                <div id="indicator"></div>

                            </div>
                            <div id="progressnum" style="text-align:center;margin:0 auto;overflow: hidden;">Buscando..</div>

                        </div>
                    </div>

                    <div id="estado"></div>
                    <ul id="listaContactos" data-role="listview" data-inset="true"></ul>
                </div>
            </div> <!--content -->
        </div> <!--page -->

        <!-- PAGINA DE AYUDA -->
        <div data-role="page" data-theme="a" id="ayuda">
            <div class="head">
                <div id="cab-cont">
                    <div class="cab-right">MAS 9</div>
                    <img id="img-head" src="themes/images/img-heder.png" alt="">
                </div>
            </div>

                <ul class="ul-menu">
                    <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
                    <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
                    <a href="#ayuda" ><li class="li-menu active"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
                </ul>

            <div data-role="content">

                <section id="sec_ayuda">
                    <article>
                        <h1 class="title">¿Necesitas ayuda?</h1>
                        <p>Selecciona una de las siguientes opciones:</p>
                        <ul class="ul-ayu">
                            <a href="#ayuda-contactos"><li class="li-ayu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
                            <a href="#ayuda-blog"><li class="li-ayu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
                            <a href="#ayuda-ayuda"><li class="li-ayu"><img src="themes/images/blog.png" alt=""><span>Acerca de</span></li></a>
                        </ul>
                    </article>
                </section>
            </div>
        </div>

        <!-- PAGINA DE AYUDA contactos -->
        <div data-role="page" data-theme="a" id="ayuda-contactos">
            <div class="head">
                <div id="cab-cont">
                    <div class="cab-right">MAS 9</div>
                    <img id="img-head" src="themes/images/img-heder.png" alt="">
                </div>
            </div>

                <ul class="ul-menu">
                    <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
                    <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
                    <a href="#ayuda" ><li class="li-menu active"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
                </ul>

            <div data-role="content">

                <section id="sec_ayuda">
                    <article>
                        <h1 class="title">Contactos</h1>
                        <img src="themes/images/contactos-blue.png" class="img_content" alt="">
                        <p>Dentro de esta opción encontrará un botón “Actualizar” el cual le permitirá a la aplicación obtener todos sus contactos y verificar si cada números  almacenando es un número celular o convencional, en caso de ser número celular se le agregara el nuevo digito (9) establecido por el Concejo Nacional de Telecomunicaciones, es decir si un número de celular con este formato: 08x-xxx-xxx, al momento de convertirlo al nuevo formato se deberá escribir el digito 9 después del 0 y el resto del número, quedando de la siguiente forma: 098-xxx-xxxx. Por el contrario si el número encontrado resulta ser un número convencional no se realizara ningún cambio sobre el. El nuevo digito entrara en vigencia el 30 de septiembre del 2012.</p>
                    </article>
                </section>
            </div>
        </div>

        <!-- PAGINA DE AYUDA Blog -->
        <div data-role="page" data-theme="a" id="ayuda-blog">
            <div class="head">
                <div id="cab-cont">
                    <div class="cab-right">MAS 9</div>
                    <img id="img-head" src="themes/images/img-heder.png" alt="">
                </div>
            </div>

                <ul class="ul-menu">
                    <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
                    <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
                    <a href="#ayuda" ><li class="li-menu active"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
                </ul>

            <div data-role="content">

                <section id="sec_ayuda">
                    <article>
                        <h1 class="title">Blog</h1>
                        <img src="themes/images/blog-blue.png" class="img_content" alt="">
                        <p>Dentro de la pestaña Blog encontrara los últimos post publicados dentro del <a href="http://telefonica.com.ec/blog/">blog oficial de movistar ecuador</a> estos aparecerán listados por su titulo, para ver su contenido puede hacer clic sobre cualquier tema de su interés o simplemente puede filtrar el tema que desee, escribiendo sobre la caja de texto destinado para ello, la búsqueda es sensible a los caracteres acentuados, es decir existen diferencias  entre vocales con tilde que vocales sin tilde, recomendamos tener esto en cuenta cuando realice sus búsquedas.</p>
                    </article>
                </section>
            </div>
        </div>

        <!-- PAGINA DE AYUDA ayuda -->
        <div data-role="page" data-theme="a" id="ayuda-ayuda">
            <div class="head">
                <div id="cab-cont">
                    <div class="cab-right">MAS 9</div>
                    <img id="img-head" src="themes/images/img-heder.png" alt="">
                </div>
            </div>

                <ul class="ul-menu">
                    <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
                    <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
                    <a href="#ayuda" ><li class="li-menu active"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
                </ul>

            <div data-role="content">

                <section id="sec_ayuda">
                    <article id="about">
                        <!-- <h1 class="title">ContactUpdater</h1> -->
                        <!-- <img src="themes/images/comunidad2.png" class="img_content" alt=""> -->
                        <h1>MAS 9</h1> <p>aplicación desarrollada por:</p>
                        
                        <p class="iso"><a href="http://twitter.com/Blacktiago">@Blaktiago</a> <a href="http://twitter.com/Christmo">@Chrismo</a> <a href="http://twitter.com/Jonathany_23">@Jonathany_23</a></p>

                        <h3>Soporte y ayuda de:</h3>
                        <ul class="ul-logo">
                            <li class="li-logo"><img src="themes/images/utpl.png" alt=""></li>
                            <li class="li-logo"><img src="themes/images/LVT.png" alt=""></li>
                            <li class="li-logo"><img src="themes/images/JDG.png" alt=""></li>
                        </ul>
                        <p>La aplicación es propiedad de OTECEL</p>
                        <!-- <p>Encontrara un menú con las opciones disponibles, el usuario deberá seleccionar una de las cuatro opciones disponibles.</br>
                        <b>Contactos:</b> Provee la información necesaria para poder realizar la actualización de sus contactos.</br>
                        <b>Blog:</b> Información general acerca de los post publicados en el Blog oficial de Movistar Ecuador.</br>
                        <b>Centros:</b> Provee información necesaria sobre la ubicación de los principales centros  autorizados del país en las ciudades mas relevantes.</br>
                        <b>Ayuda:</b> Muestra información básica de cada elemento de la aplicación.
                        </p> -->
                    </article>
                </section>
            </div>
        </div>

        <script type="text/javascript" charset="utf-8" src="js/rss.js"></script>
        <script type="text/javascript" charset="utf-8" src="js/cordova-2.0.0.js"></script>  
        <script type="text/javascript" charset="utf-8" src="js/contactos.js"></script>
        <script type="text/javascript" charset="utf-8" src="js/fittext.js"></script>
        <script src="http://www.openlayers.org/api/OpenLayers.js">  </script>
        <script type="text/javascript" charset="utf-8">
            //$("span").fitText();
            //$("span").fitText(1.2);
            $("span").fitText(1.1, { minFontSize: '11px', maxFontSize: '20px' });
        </script>

        <!--        <div style=" text-align:center">
                    <img style="width: 288px; height: 100px" src="themes/images/movistar_horizontal.jpg" />
                </div>
                <div class="ui-grid-a">
                    <div class="ui-block-a">
                        <div style=" text-align:center">
                            <a data-role="button" data-inline="true" href="centros.html">
                                <img src="themes/images/contactos.png" style="width: 60px; height: px"/>
                                <br>Centros
                            </a>
                        </div>
                    </div>
                    <div class="ui-block-b">
                        <div style=" text-align:center">
                            <a data-role="button" data-inline="true" href="perfil.html">
                                <img src="themes/images/icon-pc-movistar.png" style="width: 60px; height: px"/>
                                <br>Peril
                            </a>
                        </div>
                    </div>
                    <div class="ui-block-a">
                    </div>
                    <div class="ui-block-b">
                    </div>
                    <div class="ui-block-a">
                        <div style=" text-align:center">
                            <a data-role="button" data-inline="true" href="contactos.html">
                                <img src="themes/images/tools_icon2.png" style="width: 60px; height: px"/>
                                <br>Numeros
                            </a>
                        </div>
                    </div>
                    <div class="ui-block-b">
                        <div style=" text-align:center">
                            <a data-role="button" data-inline="true" href="noticias.html">
                                <img src="themes/images/blog.png" style="width: 60px; height: px"/>
                                <br>Ofertas
                            </a>
                        </div>
                    </div>
        
                </div>-->
    </body>
</html>